﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Your Page Title Here</title>
    
    <!-- CSS -->
    <link href="CSS/styles.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Reset.css" rel="stylesheet" type="text/css" />
    
    <!--[if IE]>
    <link href="CSS/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 6]>
    <link href="CSS/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!-- sIFR CSS -->
    <link href="CSS/sifr.css" rel="stylesheet" type="text/css" />
    
    <!-- JS -->
    <script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script>
    
    <!-- sIFR JS -->
    <script src="Scripts/sIFR/sifr.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-debug.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-config.js" type="text/javascript"></script>   
    
</head>
<body>
    
    <div id="container">
        <!-- HEADER -->
        <div id="header">
            <div class="container clearfix">
                <h1 class="flashHeader left">
                    <a href="home.htm" title="&laquo; Back to Your Company Name">
                       Your Logo/Name
                    </a>
                </h1>
                <div class="right headerLinks">
                    <a href="emailAFriend.htm" class="rightArrow left">
                        Email this page to a friend
                    </a>
                    <!-- Search box -->
                    <div class="right searchBox">
                        <input type="text" />
                        <button>Search</button>
                    </div>
                </div>
            </div>            
        </div>
        
        <!-- BODY-->
        <div id="body">
            <div class="clearfix">
                <div id="sideBar" class="left">
                    <ul id="navi">
                        <li>
                            <a href="home.htm">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="about.htm">
                                About
                            </a>
                        </li>
                        <li class="selected">
                            <a href="galleryList.htm">
                                Gallery
                            </a>
                        </li>
                        <li>
                            <a href="newsList.htm">
                                News &amp; Events
                            </a>
                        </li>
                        <li>
                            <a href="contact.htm">
                                Contact
                            </a>
                        </li>
                    </ul>          
                </div>
                <div class="content left clearfix">
                    <!-- One Column content -->
                    
                    <a href="newsList.htm" class="leftArrow backLink">Gallery</a>
                    
                    <h2 class="flashHeader">
                        <strong>Photo Series 01.</strong> If you feel like it, you can enter
                        some text here to describe the gallery.
                    </h2>
                    
                    <div class="photoGrid clearfix">
                        <div class="item first left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="This is photo is of Warren Buckley"/>
                                This is photo is of Warren Buckley
                            </a>
                            <span>This is Warren speaking at Umbraco CMS confrence CodeGarden in 2008.</span>
                        </div>
                        
                        <div class="item left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="Photo 02"/>
                                Photo 02
                            </a>
                            <span>You can write a brief note about the photo here.</span>
                        </div>
                        
                        <div class="item left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="Photo 03"/>
                                Photo 03
                            </a>
                            <span>You can write a brief note about the photo here.</span>
                        </div>
                        
                        <div class="item left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="Photo 04"/>
                                Photo 04
                            </a>
                            <span>You can write a brief note about the photo here.</span>
                        </div>
                        
                        <br class="clearBoth"/>
                        
                        <div class="item first left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="Photo 05"/>
                                Photo 05
                            </a>
                            <span>You can write a brief note about the photo here.</span>
                        </div>
                        
                        <div class="item left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="Photo 06"/>
                                Photo 06
                            </a>
                            <span>You can write a brief note about the photo here.</span>
                        </div>
                        
                        <div class="item left">
                            <a href="photo.htm">
                                <img src="../Assets/Photos/placeholder-photo-thumb.jpg" alt="Photo 07"/>
                                Photo 07
                            </a>
                            <span>You can write a brief note about the photo here.</span>
                        </div>           
                        
                    </div>
                    
                </div>
            </div>     
                        
        </div>
        
        <!-- FOOTER -->
        <div id="footer">
            <div class="container">
                <ul class="credits">
                    <li class="cws">
                        <a href="http://www.creativewebspecialist.co.uk" title="Created by Warren Buckley, a Creative Web Specialist">
                            Created by Warren Buckley
                            <span>Creative Web Specialist</span>
                        </a>
                    </li>
                    <li class="g72">
                        <a href="http://www.g72.co.uk" title="Designed by Sam Grady from G72 Creative">
                            Designed by Sam Grady
                            <span>G72 Creative</span>
                        </a>
                    </li>
                </ul>
                
                <ul class="misc">
                    <li class="rss">
                        <a href="" title="RSS Feed for xxx">
                            RSS Feed
                        </a>
                    </li>
                    <li class="valid">
                        <a href="http://validator.w3.org/check?uri=referer" title="This site validates against the W3C guidelines for valid XHTML and CSS">
                            Valid XHTML
                        </a>                    
                    </li>
                </ul>
            </div>            
        </div>    
    </div>
    
    
</body>
</html>
